<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!--
			table 表格自适应能力   如果在table 中加width和height会因内容而改变单元格大小
			在tr中加高度与td中加宽度  能固定单元格大小
			align 在tr中加  内容居中     如果在table中加  表格居中
			th 是标题列  自动居中  加粗加黑
			cellpadding  文本与内容的距离
			cellspacing  单元格与单元格之间的距离
		-->
		<!--tr 指行    td 指列-->
		<table border="1px" cellpadding="20px" cellspacing="10px">
			<tr height="100px" align="center">
				<td width="100px">11</td>
				<td width="100px">2</td>
				<td width="100px">3</td>
			</tr>
			<tr height="100px">
				<td>4</td>
				<td>5</td>
				<td>6</td>
			</tr>
			<tr height="100px">
				<td>7</td>
				<td>8</td>
				<td>9</td>
			</tr>
			<tr height="100px">
				<th>12</th>
				<th>10</th>
				<th>13</th>
			</tr>
		</table>
		<hr />
		<!--
			colspan 列合并  删除要合并的单元格，
			rowspan 行合并
			bgcolor 背景颜色
		-->
		<!--table>tr*3>th*3   再按Tab键      生成三行三列-->
		<table border="1px" width="300px" height="300px">
			<tr bgcolor="antiquewhite">
				<th colspan="2">1-2</th>
				
				<th>3</th>
			</tr>
			<tr>
				<th>4</th>
				<th>5</th>
				<th rowspan="2">6-9</th>
			</tr>
			<tr>
				<th>7</th>
				<th>8</th>
				
			</tr>
		</table>
	</body>
</html>
